
<template>
    <div class="box">
        {{data}}
        <div></div>
    </div>
</template>
<script setup lang="ts">

 const data  =  await new Promise((resolve)=>{
    setTimeout(() => {
        resolve('444')
    }, 3000);
    interface User{
        name:string
        number:number
        [k : string] :any
    }
    const user:User = {
        name:'99',
        number:56,
        age:45,
        success:false
    }
 })
;
    
//  for (const iterator of div) {
//     console.log(iterator); 
//  }
</script>
<style>
.box{
    width: 300px;
    height: 400px;
    background: palevioletred;
    position: absolute;
    inset: 0;
    margin: auto;
}
</style>